<%@ page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="vdab" uri="http://vdab.be/tags" %>
<c:set var="contextPath" value="${pageContext.servletContext.contextPath }"/>
<!doctype html>
<html>
<head>
	<title>Cultuurhuis - nieuwe klant</title>
	<link rel="stylesheet" href="${contextPath}/styles/default.css"/>
</head>

<header>
	<div>
		<h1>Het Cultuurhuis: nieuwe klant</h1>
		<img alt="Logo" src="${pageContext.servletContext.contextPath}/images/nieuweklant.png">
	</div>	
	<div>
		<nav>
			<ul class="menu">
				<li>
					<c:url value="/" var="rootURL"></c:url>
					<a href="${rootURL }">Voorstellingen</a>
				</li>
				<c:if test="${not empty bedrag }">
					<li>
		    			<c:url value="/reservatiemandje.htm" var="reservatiemandjeURL"></c:url>
		    			<a href="${reservatiemandjeURL }">Reservatie mandje</a>
	    			</li>
					<li>
		    			<c:url value="/bevestigen.htm" var="bevestigenURL"></c:url>
		    			<a href="${bevestigenURL }">Bevestigen reservatie</a>
	    			</li>
				</c:if>
			</ul>
		</nav>
	</div>
</header>

<body>
		
	<c:url value="/nieuweklant.htm" var="nieuweklantURL"></c:url>
	<form method="post" action="${nieuweklantURL}"> 
      <label>Voornaam:
      	<input name="voornaam" value="${member.voornaam }" required>
      </label>
      <label>Familienaam:
      	<input name="familienaam" value="${member.familienaam }" required>
      </label>
      <label>Straat:
      	<input name="straat" value="${member.straat }" required>
      </label>
      <label>Huisnr:
      	<input name="huisnr" value="${member.huisNr }" required>
      </label>
      <label>Postcode:
      	<input name="postcode" value="${member.postcode }" required>
      </label>
      <label>Gemeente:
      	<input name="gemeente" value="${member.gemeente }" required>
      </label>
      <label>Gebruikersnaam:
      	<input name="gebruikersNaam" value="${member.gebruikersNaam }" required> 
      </label>
      <label>Paswoord:
      	<input name="paswoord" type="password" required>
      </label>
      <label>Herhaal paswoord:
      	<input name="herhaalPaswoord" type="password" required>
      </label>
      
      <input type="submit" value="OK" >
    
      
      <c:if test="${not empty fout }">
    	<nav>
    		<ul>
    			<c:forEach var="item" items="${fout}">
    				<li>
    					${item }
    				</li>
    			</c:forEach>
    		</ul>
    	</nav>
    </c:if>
    </form>
    
    
    

</body>
</html>